<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.big-div{
				height: 490px;
				width: 1349px;
				position: relative;
			}
			.nav{
				height: 40px;
				width: 1349px;
				background-color: #90b830;
			}
			.nav_text{
				text-align: center;
				font-size: 16px;
				font-family: "微软雅黑";
				float: left;
				color: white;
				padding: 0px 25px 0px;
				line-height: 40px;				
			}
			#nav_text{
				background-color: #78a40e;
			}
			.nav_text:hover{
				background-color: orange;
			}
			img{
				margin-left: -280px;
				
			}
			.img{
				height: 450px;
				width: 1349px;
				overflow : hidden
				
			}
			.yuan{
				position: absolute;
				bottom: 10px;
				left: 649px;
				display: inline;
			}
			.yuan1{
				border-radius: 50%;
				width: 10px;
				height: 10px;
				float: left;
				margin: 5px;
				background-color: black;
			}
			#red{
				background-color: red;
			}
			a{
				text-decoration: none;
				color: white;
			}
		</style>
	</head>
	<body>
		<div class="big-div">
			<div class="nav">
				<div class="nav_text">
					<a href="#">首页</a>
				</div>
				<div class="nav_text">
					<a href="#">半小时生活费</a>
				</div>
				<div class="nav_text" id="nav_text">
					<a href="#">你身边的超市</a>
				</div>
				<div class="nav_text">
					<a href="#">预售专区</a>
				</div>
				<div class="nav_text">
					<a href="#">商城</a>
				</div>
				<div class="nav_text">
					<a href="#">好评客户</a>
				</div>
				<div class="nav_text">
					<a href="#">热销活动</a>
				</div>
				<div class="nav_text">
					<a href="#">联系我们</a>
				</div>
			</div>
		<div class="img">
			<center>
			<img src="img/ad-4.jpg"/>
			</center>
		</div>
		<div class="yuan">
			<div class="yuan1"></div>
			<div class="yuan1"></div>
			<div class="yuan1"></div>
			<div class="yuan1" id="red"></div>
			<div class="yuan1"></div>
		</div>
	</div>		
	</body>
</html>
